@import "../../public/less/index.less";
body {
  background-color: #f4f4f4;
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';
}
.glo {
  .cart-content {
    background-color: #FFFFFF;
    .nav-header {
      position: fixed;
      top: 0px;
      left: 0px;
      .h(100);
      width: 100%;
      background-color: @header-bg-color;
      z-index: 100;
      .nav-title {
        .h(100);
        .lh(100);
        .fs(30);
        .padding(0, 90);
        text-align: center;
        .ellipsis();
      }
      .nav-edit {
        position: absolute;
        display: flex;
        align-items: center;
        .top(0);
        .left(20);
        .h(100);
        .w(100);
        .lh(100);
        .fs(24);
        .icon-img {
          display: inline-block;
          background-image: url("../../public/images/fanhui.png");
          background-size: cover;
          .h(33);
          .w(18);
        }
      }
    }
    .content {
      .mt(100);
      display: block;
      ul {
        .mb(101);
        .mui-table-view-cell {
          display: flex;
          align-items: center;
          .checkbox {
            flex: 1;
            .left(0);
          }
          .goods-image {
            flex: 2;
            img {
              .w(138);
              .h(138);
            }
          }
          .goods-detail {
            flex: 7;
            .ml(15);
            .goods-title {
              .fs(21);
              color: #333333;
            }
            .goods-sku {
              .fs(19);
              color: #919191;
            }
            .select-num-content {
              float: left;
              .left(0);
              .h(50);
              display: flex;
              align-items: center;
              .add-num {
                display: inline-block;
                box-sizing: border-box;
                text-align: center;
                .lh(38);
                .w(50);
                .h(38);
                .fs(24);
                border: 1px solid #919191;
                border-bottom-left-radius: 5px;
                border-top-left-radius: 5px;
                border-right: 1px;
              }
              .value-num {
                box-sizing: border-box;
                text-align: center;
                .lh(38);
                display: inline-block;
                .h(38);
                .fs(24);
                .padding(0,20);
                border: 1px solid #919191;
              }
              .add-add {
                box-sizing: border-box;
                text-align: center;
                display: inline-block;
                .lh(38);
                .w(50);
                .h(38);
                .fs(24);
                border: 1px solid #919191;
                border-bottom-right-radius: 5px;
                border-top-right-radius: 5px;
                border-left: 1px;
              }
            }
            .goods-delete {
              position: absolute;
              .right(36);
              .top(54);
              background-image: url("../../public/images/addressdelete.png");
              background-size: cover;
              .w(29);
              .h(31);
            }
            .goods-price {
              position: absolute;
              .right(25);
              .lh(80);
              .y-price {
                .fs(19);
                color: #919191;
                text-decoration: line-through;
              }
              .s-price {
                color: #ff818c;
                .fs(23);
                .ml(10);
              }
            }
          }
        }
      }
      .footer-nav {
        position: fixed;
        .bottom(0);
        left: 0px;
        right: 0px;
        width: 100%;
        .h(100);
        background-color: #FFFFFF;
        display: flex;
        align-items: center;
        .padding(0,25);
        .checkbox {
          //flex:2;
          .fs(26);
          color: #919191;
          display: inline-block;
        }
        .delete-cart-goods {
          //flex: 1;
          display: inline-block;
          .ml(30);
          .fs(26);
          color: #919191;
        }
        .all-price {
          position: absolute;
          .right(180);
          .h(100);
          color: #919191;
          display: inline-block;
          .lh(40);
          .padding(10,0);
          .all-price-value {
            .fs(22);
            span {
              color: #FF818C;
            }
          }
          .all-price-y {
            .fs(22);
          }
        }
        .to-pay {
          position: absolute;
          float: right;
          .right(25);
          display: flex;
          align-items: center;
          .h(100);
          div {
            background-color: #00C4D2;
            color: #FFFFFF;
            .padding(10,20);
            .b-radius(10);
          }
        }
      }
    }
    .cart-nogoods {
      position: absolute;
      display: none;
      top: 0px;
      left: 0px;
      bottom: 0px;
      width: 100%;
      background-color: #ffffff;
      .pt(325);
      text-align: center;
      img {
        .w(224);
        .h(226);
      }
      .nogoods-tips {
        .mt(37);
        .fs(30);
        color: #919191;
      }
      .nogoods-find-btn {
        display: inline-block;
        .mt(55);
        .padding(20, 40);
        background-color: #00C4D2;
        .border-solid(1, #00C4D2);
        .b-radius(10);
        color: #FFFFFF;
        .fs(30);
      }
      .btn-link {
        transition: all 100ms;
        &:focus {
          color: #000000;
        }
      }
    }
  }
}
input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]+label {
  display: inline-block;
  text-align: left;
  box-sizing: border-box;
}

label::before {
  content: "";
  display: inline-block;
  .h(42);
  .w(42);
  background-image: url("../../public/images/noselect.png");
  background-size: cover;
  vertical-align: middle;
  border-radius: 50%;
  box-sizing: border-box;
  .mr(10);
  transition: background ease-in .5s
}

input[type="checkbox"]:checked+label::before {
  .h(42);
  .w(42);
  border-radius: 50%;
  background-image: url("../../public/images/addressselect.png");
}
input[type="checkbox"]:checked+label {
  color: #00C4D2;
}